<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>成都融微软件服务有限公司</title>
    <!-- <link rel="stylesheet" href="css/bootstrap.min.css" /> -->
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1031196_66s8datjlfd.css" />
    <link rel="stylesheet" href="js/layui/css/layui.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headleft.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/echarts.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="daohang bgff">
        <script>$(".daohang").load("header.html");</script>
    </div>
    <!-- 中间内容-->
    <div class="substance">
        <div class="substance_lf">
            <!-- 左边栏目 -->
            <script>$(".substance_lf").load("left.html");</script>
        </div>
        <div class="substance_rt huibg">
            <!-- 右边的内容 -->
            <!-- 导航 -->
            <div class="rt_tit">
                <a href="#" class="fnt_14">运营中心</a> / <a href="#" class="fnt_14">发布项目</a>
            </div>
            <div class=" ">
                <div class="erba">
                    <div class="er bgff pad15">
                        <h1 class="fnt_16 yb_tit font_333">选择绑定项目</h1>
                        <div class="yb_list">
                            <div class="xinzeng_list">
                                <ul>
                                    <li>
                                        <span class="fnt_14">项目编号：</span>
                                        <p>
                                            <input type="text" class="layui-input" value="">
                                        </p>
                                    </li>
                                    <li>
                                        <span class="fnt_14"> <em class="col_red">*</em>字数要求：</span>
                                        <p>
                                            <select name="" id="" class="layui-select">
                                                <option value=""> 请选择 </option>
                                                <option value=""> 状态1 </option>
                                                <option value=""> 状态2 </option>
                                            </select>
                                        </p>
                                    </li>
                                    <li>
                                        <span class="fnt_14"> </span>
                                        <p>
                                            <button type="button" class="layui-btn layui-btn-primary">查询</button>
                                        </p>
                                    </li>
                                    <li>
                                        <span class="fnt_14">实施内容： </span>
                                        <p class="fnt_14">
                                            发掘国内外 小众 / 热门 /最新的 电影，动画，
                                            纪录片等。征稿影片题材最好是小众的、质量
                                            上佳的、国外电影。（电视剧勿投、院线正在
                                            上映的最好不要）相关内容需符合国家法律法
                                            规，禁止反动分裂，极端宗教等题材。
                                        </p>
                                    </li>
                                    <li>
                                        <span class="fnt_14"> 项目周期：</span>
                                        <p class="fnt_14">
                                            2020-09-10 至 2020-09-17
                                        </p>
                                    </li>
                                    <li>
                                        <span class="fnt_14">项目属地： </span>
                                        <p class="fnt_14">
                                            北京市
                                        </p>
                                    </li>
                                    <li>
                                        <span class="fnt_14"> 当前任务数：</span>
                                        <p class="fnt_14">
                                            10（5约稿任务 / 5设计方案 ）
                                        </p>
                                    </li>
                                    <li>
                                        <span class="fnt_14">积分预算： </span>
                                        <p class="fnt_14">
                                            100
                                        </p>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="ba bgff">
                        <div class=" ">
                            <h1 class="index_tit col_lan fnt_16 mb20"> <i class="iconfont icon-icon-1"></i> 任务列表</h1>
                        </div>
                        <div class="task">
                            <form action="">
                                <div class="xinzhang_list">
                                    <div class="xinzhang_item">
                                        <div class="xinzeng_list">
                                            <ul>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em>任务类型：</span>
                                                    <p>
                                                        <input type="radio" value="vi">&nbsp; 约稿 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <input type="radio" value="vi">&nbsp; 设计方案
                                                    </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em>任务名称：</span>
                                                    <p> <input type="text" class="layui-input" value="推荐式影评征稿"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 任务要求：</span>
                                                    <p> <textarea name="" class="layui-textarea" value='1.写稿前请务必认真观摩影片，认真撰写，需带有相关剧情介绍。
                                                        阐述恳请短小精悍，鞭辟入里，分析角度需独到新颖。
                                                        2.相关稿件恳请配上对应影片的截图，剧照，GIF等，丰富稿件内
                                                        容（相关图片须清晰且无水印）。
                                                        3.稿件需完全原创，购买后稿件可供我方添加原创标识'></textarea> </p>
                                                </li>
                                               
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 约稿时间：</span>
                                                    <p> <input type="text" class="layui-input" value="2020-09-11"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 交稿时限：</span>
                                                    <p> <input type="text" class="layui-input" value="2020-09-20"> </p>
                                                </li>
                                               
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 样稿示例：</span>
                                                    <p> <button type="button" class="layui-btn" id="test3"><i
                                                                class="layui-icon"></i>上传文件</button></p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> </span>
                                                    <p>
                                                        <button type="button" class="layui-btn layui-btn-primary">发布任务</button>
                                                        <button type="button" class="layui-btn layui-btn-primary">存入草稿</button>
                                                        <button type="button" class="layui-btn layui-btn-primary">注销</button>
                                                    </p>
                                                </li>
                                            </ul>
        
                                        </div>
                                    </div>
                                    <div class="xinzhang_item">
                                        <div class="xinzeng_list">
                                            <ul>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em>字数要求：</span>
                                                    <p> <input type="text" class="layui-input"
                                                            value="字数根据影片不同，控制在1500-2000字左右。"> </p>
                                                </li>
                                                <li class="zhang">
                                                    <span class="fnt_14"> <em class="col_red">*</em>报送人：</span>
                                                    <p> <input type="text" class="layui-input" disabled="true">
                                                        <i class="iconfont icon-add-sy dis1"></i>
                                                    </p>
                                                </li>
                                                <li class="zhangs">
                                                    <span class="fnt_14"> <em class="col_red">*</em>添加标签：</span>
                                                    <p> <input type="text" class="layui-input" value="电影影视 | 动作影视">
                                                        <i class="iconfont icon-add-sy dis2"></i>
                                                    </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em>最大推送数：</span>
                                                    <p> <input type="text" class="layui-input" value="1"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 推送积分：</span>
                                                    <p> <input type="text" class="layui-input" value="200"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 采用数：</span>
                                                    <p> <input type="text" class="layui-input" value="200"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 采用积分：</span>
                                                    <p> <input type="text" class="layui-input" value="200"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 任务积分：</span>
                                                    <p> <input type="text" class="layui-input" value="200" disabled="true"> </p>
                                                </li>
                                            </ul>
        
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 尾部 -->
            <div class="foot huibg">
                <script>$(".foot").load("foot.html");</script>
            </div>
        </div>

    </div>
    </div>
    <script src="js/layui/layui.all.js"></script>
    <script>
        var obj = $('input').attr('disabled');
        layui.use('upload', function () {
            var $ = layui.jquery
                , upload = layui.upload;
            // 上传
            upload.render({
                elem: '#test3'
                , url: 'https://httpbin.org/post' //改成您自己的上传接口
                , accept: 'file' //普通文件
                , done: function (res) {
                    layer.msg('上传成功');
                    console.log(res);
                }
            });

        })

        layui.use('laydate', function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#text01',
            });
            laydate.render({
                elem: '#text02'
            });
        })
        function ifanychecked() {
            var num = $('b.active_true').length;
            if (num > 0) {
                return true;
            }
        }
        //全选
        $('#all_btn').click(function () {
            if ($('#all_btn').html() != '') {
                $('#all_btn').html('');
                $('.gwc_box b.active_btn').html('').removeClass('active_true');
                return false;
            }
            $(this).html('<img src="images/gwc_bg.png"/>');
            $('.gwc_box b.active_btn').html('<img src="images/gwc_bg.png"/>').addClass('active_true');
        });

        //单选
        $('b.active_btn').click(function () {
            if ($(this).html() != '') {
                $(this).html("").removeClass('active_true');
                $('#all_btn').html('');
                return true;
            }
            $(this).html('<img src="images/gwc_bg.png"/>').addClass('active_true');
            if (ifall()) {
                $('#all_btn').html('<img src="images/gwc_bg.png"/>');
            }
        });

        //点击单选，全选判断
        function ifall() {
            var num1 = $('b.active_btn').length;
            var num2 = $('b.active_true').length;
            if (num1 == num2) {
                return true;
            }
        }

        html2 = ` <li >
                                            <span class="fnt_14"> <em class="col_red">*</em>添加标签：</span>
                                            <p> <input type="text" class="layui-input" > 
                                            </p>
                                        </li>`
        $(".zhangs").on('click', '.dis2', function () {
            $(this).parent().parent().after(html2)
        })
    </script>
</body>

</html>